<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:form id="formularioDetalleCot">
        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelDetalle">
            <p:row>
                <p:column>
                    <h:outputLabel id="lblServicio" value="SERVICIO(*)" styleClass="lblForm"  />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxServicio" required="true" style="width: 140px" 
                                     value="#{BKDetalleCotizacion.formularioDetalleCotizacion.nombreDetalle}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                        <f:selectItems value="#{BKDetalleCotizacion.listaServicio}" var="serv" 
                                       itemLabel="#{serv.nombre}" itemValue="#{serv.nombre}"/>	
                    </p:selectOneMenu>
                    <p:message for="cbxServicio"/>	
                    <h:outputLink value="#{request.contextPath}#{MBServicio.mostrarMantenimiento()}.anx" target="_blank" class="linkAgregar" >Agregar Servicio</h:outputLink>
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblCategoria" value="PRECIO($)(*)" styleClass="lblForm"  />
                </p:column>
                <p:column>
                    <p:inputText  id="txtPrecio" value="#{BKDetalleCotizacion.formularioDetalleCotizacion.precio}" required="true"/>
                    <p:message for="txtPrecio"/>
                </p:column>

            </p:row>
            
            <p:row>
                <p:column>
                    <h:outputLabel id="lblObservacion" value="OBSERVACION" styleClass="lblForm"  />
                </p:column>
                <p:column>
                    <p:inputTextarea id="txtObservacion" value="#{BKDetalleCotizacion.formularioDetalleCotizacion.observacion}"/>
                </p:column>

            </p:row>
            
            <p:row>
                <p:column colspan="2" style="text-align: center">
                    <p:commandButton style="text-align: center;" value="AGREGAR" id="btnAplicar"
                                     actionListener="#{MBDetalleCotizacion.agregarDetalleCotizacionServicio}"
                                     oncomplete="if (args.validationFailed){ agregarServicio.show()} else {agregarServicio.hide()}"
                                     update=":formularioCotizacion:dataTablaServicio,:formularioCotizacion:txtPrecioCompra
                                     ,:formularioCotizacion:sumaDetalleServicio,:formularioCotizacion:txtUtilidad
                                     ,:formularioCotizacion:txtPrecioVenta,:formularioCotizacion:txtTotalBruto,panelDetalle"/>
                    <p:commandButton type="button" value="CANCELAR" onclick="agregarServicio.hide()"/>
                </p:column>
            </p:row>
        </p:panelGrid> 

    </h:form>
</html>